page {
  background-color: var(--colorGray);
  margin-bottom: 140rpx;
  .top-wrap {
    height: 88rpx;
    margin: 20rpx 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    .item {
      flex: 1;
      height: 50rpx;
      margin: 0 80rpx;
      text-align: center;
      position: relative;

      &.active {
        color: #02A7F0;
        border-bottom: 6rpx solid #02A7F0;
      }

      .dot {
        height: 30rpx;
        line-height: 30rpx;
        border-radius: 20rpx;
        font-size: 20rpx;
        color: #fff;
        padding: 0 11rpx;
        position: absolute;
        display: inline-block;
        background-color: #ff7e17;
      }
    }
  }

  .item-wrap {
    height: 200rpx;
    margin-bottom: 20rpx;
    background-color: #fff;
    position: relative;
    image {
      width: 150rpx;
      height: 150rpx;
      border: 1px solid #ccc;
      position: absolute;
      left: 30rpx;
      top: 25rpx;
    }
    .name {
      position: absolute;
      left: 225rpx;
      top: 45rpx;
    }
    .price-wrap {
      color: #555;
      position: absolute;
      left: 225rpx;
      bottom: 50rpx;

      .old {
        text-decoration:line-through;
        font-size: 24rpx;
        margin-left: 10rpx;
      }
    }
    .btn {
      width: 145rpx;
      height: 50rpx;
      line-height: 50rpx;
      font-size: 32rpx;
      color: #fff;
      background-color: #02A7F0;
      position: absolute;
      top: 110rpx;
      right: 26rpx;
      text-align: center;
      border-radius: 10rpx;
    }
    .btn.del {
      top: 10rpx;
      background-color: red;
    }
    .btn.update {
      top: 140rpx;
      background-color: #0161F0;
    }
    .btn.on {
      top: 75rpx;
      background-color: #02A7F0;
    }
    .btn.off {
      top: 75rpx;
      background-color: #02A7F0;
    }
  }

  .bottom-btn{
    width: 100%;
    height: 120rpx;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #02A7F0;
    color: #fff;
    font-size: 36rpx;
    text-align: center;
    line-height: 120rpx;
  }
}